<!DOCTYPE html>
<!--:#fa383e-->
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${projectTittleFunc()}后台管理系统</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!--<link rel="shortcut icon" href="favicon.ico   ">-->
    <link href="${ctxPath!}/admin/admin/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="${ctxPath!}/admin/admin/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="${ctxPath!}/admin/admin/css/animate.css" rel="stylesheet"/>
    <link href="${ctxPath!}/admin/admin/css/style.css" rel="stylesheet"/>
    <script src="${ctxPath!}/admin/admin/My97DatePicker/WdatePicker.js"></script>
    <link rel="stylesheet" href="${ctxPath!}/admin/admin/kindeditor-4.1.10/themes/default/default.css" />
    <link rel="stylesheet" type="text/css" href="${ctxPath!}/admin/admin/diyUpload/css/webuploader.css" />
    <link rel="stylesheet" type="text/css" href="${ctxPath!}/admin/admin/diyUpload/css/diyUpload.css" />
    <link rel="stylesheet" type="text/css" href="${ctxPath!}/admin/admin/webuploader/webuploader.css" />
    <script src="${ctxPath!}/admin/admin/js/dialog/postbirdAlertBox.min.js"></script>

    <script src="${ctxPath!}/admin/admin/js/layer.js"></script>

    <script src="${ctxPath!}/static/common/valid.js"></script>
    <link rel="stylesheet" href="${ctxPath!}/admin/admin/css/dialog/postbirdAlertBox.css">
</head>
<style>
    ul,
    li {
        list-style: none;
    }

    .dropdownRight {
        /*left: 370px;
        top: 20px;
        border: 0 solid white;*/
        float: right;
        top: 20px;
        /*right: 80px;*/
    }

    .dropdownRight span {
        margin-right: 20px;
    }

    .dropdownMenuRight {
        top: 30px;
    }

    .sectionHeader {
        height: 35px;
        /*border-bottom: 1px solid gray;*/
        padding: 0 30px;
    }

    .setionHeaderFont {
        font-size: 20px;
        font-weight: 40px;
        position: relative;
        top: 30px;
        /*left: 50px;*/
        display: inline-block;
        margin-bottom: 30px;
    }

    .settionHeaderWire {
        display: inline-block;
        position: relative;
        top: 33px;
        height: 20px;
        width: 4px;
        background-color: #23b7e5;
    }

    .section {
        background: white;
        margin: 10px 15px 10px 15px;
        height: 150%;
        padding: 20px;

    }

    .sectionForm {
        padding: 0px 30px;
        /*height: 20rem;*/
    }

    .J_menuItem {
        font-size: 10px;
    }

    .sectionFormFirstRow {
        margin-top: 20px;
        /*height: 80px;*/
    }

    .sectionFormLabel {
        margin-right: 20px;
    }

    .sectionFormHeadline {
        /*padding: 0px 30px;*/
        font-size: 20px;
        font-weight: 40px;
    }

    .sectionFormHeadlineText {
        margin-left: 10px;
        margin-top: 2px;
    }

    .sectionFormContent {
        padding: 0 30px;
    }

    .navPaging {
        text-align: center;
    }

    footer {
        text-align: center;
        padding: 20px 0px;
    }

    table {
        font-size: 1.2rem;
    }

    .broadsideWire {
        border-bottom: 2px solid black;
    }

    .action {
        border-left: 4px solid #23b7e5;
    }

    .liStyle {
        display: inline-block;
        height: 100%;
    }

    .backg {
        background-color: #2f4050;
        color: white;
    }

    .mainButtonRight {
        float: right;
        margin-left: 20px;
    }

    .mianAcolor {
        color: white;
    }

    .mainWidth {
        width: 14rem;
        border-color: #cfdadd;
        border-radius: 2px;
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #cfdadd;
        box-shadow: none;
    }

    .mainSetWidth {
        width: 70%;
        margin-bottom: 1rem;
        border-color: #cfdadd;
        border-radius: 2px;
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #cfdadd;
        box-shadow: none;
    }

    .mainSetWidth-options{
        width: 30%;
        margin-bottom: 1rem;
        border-color: #cfdadd;
        border-radius: 2px;
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #cfdadd;
        box-shadow: none;
    }
    .mainSetWidth-options-score {
        width: 10%;
        margin-bottom: 1rem;
        border-color: #cfdadd;
        border-radius: 2px;
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #cfdadd;
        box-shadow: none;
    }

    .mainSetConsistentWidth {
        width: 100px;
        text-align: right;
    }

    .mainColor {
        /*color: #2c9ec1;*/
    }

    .sectionTitle {
        font-size: 25px;
        text-align: center;
        color: #f97373;
    }

    .page {
        list-style: none;
    }

    .page > li {
        float: left;
        padding: 5px 10px;
        cursor: pointer;
    }

    .page .pageItem {
        border: solid thin #DDDDDD;
        margin: 5px;
    }

    .page .pageItemActive {
        border: solid thin #0099FF;
        margin: 5px;
        background-color: #0099FF;
        color: white;
    }

    .page .pageItem:hover {
        border: solid thin #0099FF;
        background-color: #0099FF;
        color: white;
    }

    .page .pageItemDisable {
        border: solid thin #DDDDDD;
        margin: 5px;
        background-color: #DDDDDD;
    }

    .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        background-color: #EEEEEE;
        background-image: none;
        color: #333333;
        filter: none;
        text-decoration: none;
    }
    .splitPage{
        position: relative;
        right:40px;
    }

    #splitPageDiv ul {
        display: flex;
        line-height: 30px;
        text-align: center;
    }

    #splitPageDiv ul li {
        width: 50px;
        border: 1px solid #e7eaec;
        height: 30px;
        diplay: flex;
        line-height: 30px;
        text-align: center;
    }
    /*#box{width:600px; min-height:400px;}*/
    #uploader-demo .thumbnail {
        width: 110px;
        height: 110px;
    }
    .wu-example {
        position: relative;
        padding: 15px 15px 15px;
        margin: 15px 15px;
        background-color: #fafafa;
        box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
        border-color: #e5e5e5 #eee #eee;
        border-style: solid;
        border-width: 1px 0;
    }
    .file-item .info {
        position: absolute;
        left: 4px;
        bottom: 4px;
        right: 4px;
        height: 20px;
        line-height: 20px;
        text-indent: 5px;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px;
        z-index: 10;
    }
    .uploader-list {
        width: 100%;
        overflow: hidden;
    }
    .file-item .error {
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        background: red;
        color: white;
        text-align: center;
        height: 20px;
        font-size: 14px;
        line-height: 23px;
    }
    .upload-state-done:after {
        content:"\f00c";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 32px;
        position: absolute;
        bottom: 0;
        right: 4px;
        color: #4cae4c;
        z-index: 99;
    }
    .file-item {
        float: left;
        position: relative;
        margin: 0 20px 20px 0;
        padding: 4px;
    }

    select, input[type=file] {
        width: 120px;
        height: 34px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

</style>

<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header" style="border: none">
                    <div class="dropdown profile-element">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                                    <span class="block m-t-xs" style="font-size:20px;">
                                        <i class="fa fa-area-chart"></i>
                                        <strong class="font-bold">后台管理系统</strong>
                                    </span>
                                </span>
                        </a>
                    </div>
                    <div class="logo-element">后台管理系统
                    </div>
                </li>
                <% for(m in menuList){ %>
                <li class="broadsideWire">
                    <a href="#" class="greensClassify" id="${m.id}" onclick="takeout.open(this)">
                        <i class="fa-file-o fa"></i>
                        <span class="nav-label">${m.mName}</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="nav nav-second-level" id="navClassify" style="background: black">
                        <% for(cm in m.childMenu){ %>
                        <li onclick="javascript:takeout.openMenu('${ctxPath!}/${cm.action}', null)">
                            <a class="J_menuItem" id="${cm.id}" onclick="takeout.ulLiA(this)" style="font-size: 12px;">${cm.mName}</a>
                        </li>
                        <% } %>
                    </ul>
                </li>
                <% } %>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header"><a class="navbar-minimalize minimalize-styl-2 btn btn-info " href="#"><i
                        class="fa fa-bars"></i> </a>
                    <h2 style="line-height: 20px;">${projectTittleFunc()}</h2>
                </div>

                <li class="dropdown dropdownRight">
                    <span>当前用户:admin</span>
                    <a href="#" class="dropdown-toggle glyphicon glyphicon-user" data-toggle="dropdown" role="button"
                       aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu dropdown-menu-right dropdownMenuRight" style="width: 20px;"
                        aria-labelledby="dropdownMenuDivider">
                        <li><a href="javascript:takeout.openMenu('${ctxPath!}/resetPwd', null)">密码重置</a></li>
                        <li><a href="${ctxPath!}/exitPwd">退出</a></li>
                    </ul>
                </li>
            </nav>

        </div>
        <div class="row J_mainContent" id="content-main">
            <!--content start-->

            <div class="section" style="min-height: 500px;height: auto;">
                <div id="manage_content" style="min-height: 500px;height: auto;"></div>
            </div>

            <!--content end-->
            <footer>
                <p>Copyright © 2016.Company name All rights reserved.由<a target="_blank" href="http://www.b3ad.cn/">北山广告</a>
                </p>
            </footer>
        </div>
        <!--section内容结束-->

    </div>
    <!--右侧部分结束-->

</div>

<!-- 全局js -->
<!--<script src="js/jquery-3.2.1.min.js"></script>    -->

<script src="${ctxPath!}/admin/admin/js/jquery-1.12.4.min.js"></script>
<script src="${ctxPath!}/admin/admin/js/jquery.form.js"></script>
<script src="${ctxPath!}/admin/admin/js/bootstrap.min.js"></script>
<script src="${ctxPath!}/admin/admin/js/jquery.metisMenu.js"></script>
<script src="${ctxPath!}/admin/admin/js/jquery.slimscroll.min.js"></script>
<script src="${ctxPath!}/admin/admin/js/layer.js"></script>


<script src="${ctxPath!}/admin/main/takeout.js"></script>
<script src="${ctxPath!}/admin/main/page.js"></script>

<!-- 自定义js -->
<script src="${ctxPath!}/admin/admin/js/hAdmin.js?v=4.1.0"></script>
<script type="text/javascript" src="${cxtPath!}/admin/admin/js/index.js"></script>
<script charset="utf-8" src="${ctxPath!}/admin/admin/kindeditor-4.1.10/kindeditor-min.js"></script>
<script charset="utf-8" src="${ctxPath!}/admin/admin/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript" src="${ctxPath!}/admin/admin/diyUpload/js/webuploader.html5only.min.js"></script>
<script type="text/javascript" src="${ctxPath!}/admin/admin/diyUpload/js/diyUpload.js"></script>
<script type="text/javascript" src="${ctxPath!}/admin/admin/webuploader/webuploader.js"></script>
<script>
    KindEditor.ready(function(K) {
        window.editor = K.create('#news_content', {
            afterCreate: function () {
                var self = this;
                K.ctrl(document, 13, function () {
                    self.sync();
                    K('form[name=form1]')[0].submit();
                });
                K.ctrl(self.edit.doc, 13, function () {
                    self.sync();
                    K('form[name=form1]')[0].submit();
                });
            },
            afterBlur: function () { this.sync(); }
        });
    });

</script>
</body>
</html>